﻿@{
    ViewBag.Title = "补录申请";
}

@section styles{
    <style type="text/css">
        .avatar-uploader .el-upload {
            border: 1px dashed #d9d9d9;
            border-radius: 6px;
            cursor: pointer;
            position: relative;
            overflow: hidden;
        }

            .avatar-uploader .el-upload:hover {
                border-color: #409EFF;
            }

        .avatar-uploader-icon {
            font-size: 28px;
            color: #8c939d;
            width: 400px;
            height: 300px;
            line-height: 300px;
            text-align: center;
        }

        .avatar {
            width: 400px;
            height: 300px;
            display: block;
        }

        .tbStudent {
            width: 100%;
            border: 1px;
            border-collapse: collapse;
        }

            .tbStudent tr td {
                width: 20%;
                text-align: center;
                border: 1px solid #85bbf3;
                height: 30px;
                line-height: 30px;
                margin: 0;
                padding: 5px;
                list-style: none;
                text-decoration: none;
                font-weight: normal;
            }

            .tbStudent .tdTitle {
                background-color: #77a2ce;
                color: #fff;
                height: 45px;
                line-height: 45px;
                font-size: 22px;
            }

        .formList {
        }

            .formList li {
                float: left;
                width: 50%;
            }
    </style>
}

<div id="divSupplementSetting" v-cloak class="content">
    <div class="addPage" style="height:800px;">
        <h3>
            <span>补录申请</span>
        </h3>
        <p style="margin-bottom:10px;margin-left:3%;">提醒：本批次报名即将截止，内部学籍通道将于<em style="color:#ff0000">{{formatDate(sptSet.endTime)}}</em> 关闭！！！</p>
        <div style=" width:96%;margin:0 auto;">
            <table class="tbStudent">
                <tr><td colspan="5" class="tdTitle">补录名额查询</td></tr>
                <tr>
                    <td>地区</td>
                    <td>
                        <el-input v-model="search.area" clearable maxlength="20" size="small" style="width:180px;" placeholder="请输入地区"></el-input>
                    </td>
                    <td>时间</td>
                    <td>
                        <el-date-picker v-model="search.time" style="width:150px;" type="date" size="small" placeholder="选择日期"></el-date-picker>
                    </td>
                    <td>
                        <el-button type="primary" size="mini" style="margin:0 0 0 5px;" v-on:click="getSupplementSetting">查询</el-button>
                    </td>
                </tr>
                <tr><td colspan="5">总名额：{{sptSet.totalCount}}</td>  </tr>
                <tr><td colspan="5">已申请名额：{{sptSet.applyCount}}</td>  </tr>
                <tr><td colspan="5" style="color:#ff0000">剩余名额：{{sptSet.residueCount}}</td> </tr>
            </table>
        </div>
        <hr style=" height: 1px; border: none; border-top: 1px dashed #77a2ce; margin-top: 20px; margin-bottom: 20px;" />
        <h3 style="text-align:center">
            <span style="font-size:25px;">@DateTime.Now.Year 年自学考试学籍补录申请表</span>
        </h3>
        <div style=" width:96%;margin:0 auto;">
            <el-form v-bind:model="form" v-bind:rules="rules" ref="form" label-width="120px" class="demo-ruleForm">
                <ul class="formList">
                    <li>
                        <el-form-item label="姓名" prop="name">
                            <div class="rightCon">
                                <el-input style="width:100%;" v-model="form.name" clearable maxlength="20" placeholder="请输入姓名" autocomplete="off"></el-input>
                            </div>
                        </el-form-item>
                    </li>
                    <li>
                        <el-form-item label="性别" prop="gender">
                            <div class="rightCon">
                                <el-select v-model="form.gender" placeholder="请选择" clearable size="small" style="width: 435px;">
                                    <el-option v-for="item in genderList" :key="item.id" :label="item.name" :value="item.id"></el-option>
                                </el-select>
                            </div>
                        </el-form-item>
                    </li>
                    <li>
                        <el-form-item label="证件类型" prop="certificateType">
                            <div class="rightCon">
                                <el-select v-model="form.certificateType" placeholder="请选择" clearable size="small" style="width: 435px;">
                                    <el-option v-for="item in certificateTypeList" :key="item.id" :label="item.name" :value="item.id"></el-option>
                                </el-select>
                            </div>
                        </el-form-item>
                    </li>
                    <li>
                        <el-form-item label="证件号码" prop="idNo">
                            <div class="rightCon">
                                <el-input style="width:100%;" v-model="form.idNo" clearable maxlength="18" placeholder="请输入证件号码" autocomplete="off"></el-input>
                            </div>
                        </el-form-item>
                    </li>
                    <li>
                        <el-form-item label="手机号码" prop="mobilePhone">
                            <div class="rightCon">
                                <el-input style="width:100%;" v-model="form.mobilePhone" clearable maxlength="11" placeholder="请输入手机号码" autocomplete="off"></el-input>
                            </div>
                        </el-form-item>
                    </li>
                    <li>
                        <el-form-item label="现阶段学历" prop="educationType">
                            <div class="rightCon">
                                <el-select v-model="form.educationType" placeholder="请选择" clearable size="small" style="width: 435px;">
                                    <el-option v-for="item in educationTypeList" :key="item.id" :label="item.name" :value="item.id"></el-option>
                                </el-select>
                            </div>
                        </el-form-item>
                    </li>
                    <li>
                        <el-form-item label="地区" prop="area">
                            <div class="rightCon">
                                <el-input style="width:100%;" v-model="form.area" maxlength="50" clearable placeholder="请输入地区" autocomplete="off"></el-input>
                            </div>
                        </el-form-item>
                    </li>
                    <li>
                        <el-form-item label="户口" prop="domicile">
                            <div class="rightCon">
                                <el-input style="width:100%;" v-model="form.domicile" maxlength="50" clearable placeholder="请输入户口" autocomplete="off"></el-input>
                            </div>
                        </el-form-item>
                    </li>
                    <li>
                        <el-form-item label="报考学校" prop="schoolName">
                            <div class="rightCon">
                                <el-input style="width:100%;" v-model="form.schoolName" maxlength="50" clearable placeholder="请输入报考学校" autocomplete="off"></el-input>
                            </div>
                        </el-form-item>
                    </li>
                    <li>
                        <el-form-item label="报考专业" prop="specialityName">
                            <div class="rightCon">
                                <el-input style="width:100%;" v-model="form.specialityName" maxlength="50" clearable placeholder="请输入报考专业" autocomplete="off"></el-input>
                            </div>
                        </el-form-item>
                    </li>
                    <li>
                        <p style="margin-bottom:5px;margin-left:8%;font-size:10px;">注：1、报考信息统一录入学习系统前指导学员报名</p>
                        <p style="margin-bottom: 5px; margin-left: 8%; font-size: 10px;padding-left:23px;">2、注册相关信息稍后系统将以短信形式发送至您的手机</p>
                    </li>
                    <li>
                        <el-form-item>
                            <el-button type="primary" v-on:click="saveStudent">立即注册</el-button>
                        </el-form-item>
                    </li>

                </ul>
                <div class="clear"></div>

            </el-form>
        </div>
    </div>
</div>

@section scripts
    {
    <script src="~/js/modules/student/apply.js" asp-append-version="true"></script>
}
